.indexBanner{width: 100%;position: relative;height:87vh;background: #000;overflow: hidden; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height:100vh;overflow: hidden; background-size: cover !important; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.indexBanner .bd li .cont{width: 100%;padding: 16% 5% 0;box-sizing: border-box; text-align:center;}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:55px; padding-top:0px; font-weight:900; }
.indexBanner .bd li .cont .title{color: #FFFFFF;font-size:18px; line-height:40px; width:60%; margin:0 auto;margin-top: 30px; font-weight:bold}
.indexBanner .bd li .cont .title span{font-weight:normal;  font-size:25px; }
.indexBanner .bd li .cont .sum { margin-top: 1%; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; letter-spacing:1.2px;}
.indexBanner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 16px; letter-spacing: 1px; padding: 0 16px; line-height: 40px; border-radius: 25px; border: solid 1px #fff; margin-right: 20px;}
.indexBanner .bd li .cont .sum a:hover{ background-color: #fff; color: #45af38;}
.indexBanner .hd{width: 87%;position: absolute;z-index: 4;bottom: 4%;left:50%;transform: translateX(-50%);display: table;font-size: 0;text-align: left;}
.indexBanner .hd ul::after{content: '';width: 2px;height: 210px;background-color: #ffffff;opacity: 0.3;filter:alpha(opacity=30);position: absolute;bottom: 40px;right: 12px;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 5px;height: 20px;margin: 0 6px;position:relative;}
.indexBanner .hd ul li p::after{content: '';width: 5px;height: 12px;border-radius: 6px;background-color: #fff;opacity:0.7;filter:alpha(opacity=70);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on p::after{filter:alpha(opacity=100);opacity:1;height: 20px;}
.indexBanner .hd ul li::after{content: '';width: 2px;height: 2px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);}
.indexBanner .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;animation: solid 8s linear infinite;}
.indexBanner .hd .mouse{color: #FFFFFF;font-size: 26px;float: right;}
@keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
@-webkit-keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
.indexBanner .icon-jiantou1{display:block;width:50px;height:50px;line-height:50px;font-size: 30px;color: #45af38;text-align: center;background-color: rgba(255,255,255,0.4);position:absolute; top:50%; margin-top:-25px;filter:alpha(opacity=20);opacity:0.2;transition: all 0.6s ease;}
.indexBanner .prev{left: -50px;transform: rotate(-180deg);}
.indexBanner .next{right: -50px;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #45af38;color: #FFFFFF; }
.indexBanner:hover .prev{left: 100px;filter:alpha(opacity=100);opacity:1;}
.indexBanner:hover .next{right: 100px;filter:alpha(opacity=100);opacity:1;}

.bg1{ background:url(../images/ban1.jpg) no-repeat center; width:100%; margin:0 auto}
.bg2{ background:url(../images/ban2.jpg) no-repeat center; width:100%; margin:0 auto}
.bg3{ background:url(../images/ban3.jpg) no-repeat center; width:100%; margin:0 auto}

@media screen and (max-width: 640px) {
.indexBanner{height:50vh;}	
.indexBanner .bd li{width: 100% !important;height:50vh;overflow: hidden; background-size: cover !important; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:26px; }
.indexBanner .bd li .cont .title{font-size:16px; line-height:30px; width:90%; margin:0 auto;margin-top: 30px; font-weight:bold}
.indexBanner .bd li .cont .title span{font-weight:normal;  font-size:18px; }
.indexBanner .bd li .cont{width: 100%;padding: 23% 5% 0;box-sizing: border-box; text-align:center;}

	}